*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body{
	font-family: "阿里巴巴普惠体","微软雅黑";
	background-color: #e4fbf5;
	font-size: .22rem;
}
img{
	max-width:100%;
	vertical-align:top;
}
li{
	list-style: none;
}
.container{
	margin:0 .2rem;
	position: relative;
}
.pc-show{
	display: none;
}
.header{
	height:7.45rem;
	background: url(../images/bg_header.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
.logo{
	font-size: .24rem;
	color: #fff;
	font-weight: bold;
	padding-top: .25rem;
}
.banner{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align: center;
	font-size: .22rem;
	color: #ffff00;
}
.banner .h1{
	width:6.5rem;
	height: .7rem;
	margin-top: .9rem;
	margin-bottom: .3rem;
}
.banner .h2{
	background-color: #ffff00;
	font-size: .28rem; 
	color: #000;
	padding:.05rem .16rem;
}
.banner ul{
	border:1px solid #ffff00;
	border-bottom:none;
	margin-top: .4rem;
}
.banner ul li{
	border-bottom:1px solid #ffff00;
	padding:.05rem .1rem;
	white-space: nowrap;
}
.index1{
	position: relative;
	padding-bottom: .8rem;
}
.index1 .bg-m{
	width:1.16rem;
	height:3.1rem;
	position: absolute; 
	z-index:-1;
	left:0;
	top:-.2rem;
}
.title{
	text-align: center;
	padding-top: .4rem;
	padding-bottom: .4rem;
}
.title .t1{
	display:flex;
	justify-content:center;
	align-items:center;
	font-size: .25rem;
	color: #000;
	text-transform: uppercase;
}
.title .t1 .icon{
	width: .28rem; 
	height: .22rem; 
	position: relative;
	margin-right: .2rem;
}
.title .t1 .icon:before{
	content:"";
	width:0;
	height:0;
	border-left:.14rem solid transparent;
	border-right:.14rem solid transparent;
	border-bottom:.22rem solid transparent;
	border-top:.22rem solid #23a581;
	position: absolute; 
	left:0;
	top:0;
}
.title .t2{
	font-size: .4rem;
	color: #23a581;
	font-weight: bold;
	margin-top: .1rem;
}
.index1 ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.index1 ul li{
	width: 3.3rem;
	margin-top: .2rem;
}
.index1 .img{
	width: 2.36rem; 
	height: 2.36rem;
	border:.1rem solid #dcdcdc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin:0 auto;
}
.index1 .img img{
	width: 2.16rem; 
	height: 2.16rem; 
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;	
}
.index1 ul .icon{
	width: .28rem; 
	height: .22rem; 
	position: relative;
	margin:.2rem auto;
	
}
.index1 ul .icon:before{
	content:"";
	width:0;
	height:0;
	border-left:.14rem solid transparent;
	border-right:.14rem solid transparent;
	border-top:.22rem solid transparent;
	border-bottom:.22rem solid #3deaba;
	position: absolute; 
	left:0;
	bottom:0;
}
.index1 .text{
	display:flex;
	justify-content:center;
	align-items:center;
	height:1.04rem;
	line-height:.3rem;
	font-size: .23rem; 
	color: #000;
	background-color: #dcdcdc;
	padding:.05rem;
	text-align: center;
}
.index1 .bg-pc{
	width: 13.2rem; 
	height: 1.05rem;
	position: absolute;
	top:1.2rem;
	left:-.1rem;
	z-index:1;
}
.index2{
	position: relative;
}
.index2 .bg-m{
	width: 1.2rem; 
	height: .2rem; 
	position: absolute; 
	top:0;
	right:0;
	z-index:-1;
}
.index2 .bg-pc{
	width: 9.52rem; 
	height: 9.37rem;
	position: absolute; 
	top:0;
	right:50%;
	z-index:1;
}
.index2 ul{
	background: url(../images/bg_index2_1.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding:.3rem .24rem;
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
}
.index2 ul li{
	display:flex;
	align-items:center;
	height: .86rem; 
	font-size: .25rem; 
	color: #000;
	-webkit-border-radius: .43rem;
	-moz-border-radius: .43rem;
	border-top-right-radius:.2rem;
	border-bottom-right-radius:.2rem;
	background-color: #e4fbf5;
	margin-top: .2rem;
}
.index2 ul li:first-child{
	margin-top: 0;
}
.index2 ul li .num{
	width: .86rem; 
	height: .86rem;
	line-height:.86rem;
	font-size: .42rem;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background-color: #fbb100;
	margin-right: .2rem;
}
.index2 ul li .text{
	flex:1;
}

.index3{
	position: relative;
}
.index3 .bg-m{
	width: 1.15rem; 
	height: 1.1rem;
	position: absolute; 
	top:.3rem;
	left:0;
}
.index3 ul li{
	display:flex;
	margin-top: .3rem;
}
.index3 ul li:first-child{
	margin-top: 0;
}
.index3 ul li .person{
	width: 1.9rem; 
	position: relative;
}
.index3 ul li .person img{
	border-top-left-radius:.2rem;
	border-bottom-left-radius:.2rem;
}
.index3 ul li .person .text{
	width:100%;
	line-height:.92rem;
	font-size: .26rem; 
	color: #fff;
	text-align: center;
	background-color: #23a581;
	border-bottom-left-radius:.2rem;
	position: absolute;
	left:0;
	bottom:0;
}
.index3 ul li dl{
	flex:1;
	background-color: #fff;
	font-size: .22rem;
	line-height:.3rem;
	padding-left: .2rem;
	padding-bottom: .1rem;
	padding-right: .15rem;
	border:.03rem solid #23a581;
	border-left: none; 
	border-top-right-radius:.2rem;
	border-bottom-right-radius:.2rem;
}
.index3 ul li dl dt{
	font-size: .25rem; 
	color: #23a581;
	padding-top: .15rem; 
	padding-bottom: .2rem;
}
.index3 ul li dl dd{
	max-height:1.8rem;
	overflow:hidden;
}
.index4{
	position: relative;
	padding-top: .2rem;
}
.index4 .bg-m{
	width: 1.2rem; 
	height: .2rem; 
	position: absolute; 
	top:.2rem;
	right:0;
	z-index:-1;
}
.index4 ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.index4 ul li{
	display:flex;
	align-items:center;
	width: 3.3rem; 
	height: 1.4rem; 
	color: #fff;
	background-color: #ffae44;
	padding:0 .15rem;
	margin-top: .25rem;
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	border-radius: .25rem;
}
.index4 ul li:nth-child(2){
	background-color: #ff8944;
}
.index4 ul li:nth-child(3){
	background-color: #fb7c5c;
}
.index4 ul li:nth-child(4){
	background-color: #ff6666;
}
.index4 ul li:nth-child(5){
	background-color: #fc6c47;
}
.index4 ul li:nth-child(6){
	background-color: #fa5151;
}
.index4 ul li:nth-child(7){
	background-color: #f33535;
}
.index4 ul li:nth-child(8){
	background-color: #db0000;
}
.index5{
	position: relative;
	padding-top: .2rem;
	padding-bottom: .35rem;
}
.index5 .title .t1{
	color: #23a581;
}
.index5 .bg-m{
	width:1.16rem;
	height:3.1rem;
	position: absolute; 
	left:0;
	top:.4rem;
}
.index5 .box{
	padding:0 .15rem .4rem;
	background-color: #fff;
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
	box-shadow: .05rem .05rem .05rem #999;
}
.index5 .box h1{
	font-size: .24rem;
	text-align: center;
	padding-top: .3rem;
	padding-bottom: .15rem;
}
.index5 .box table{
	width:100%;
	font-size: .18rem; 
	color: #7b7b7b;
	text-align: center;
	border-bottom:.03rem solid #016968;
	border-right:.03rem solid #016968;
	border-spacing:0;
	border-collapse:collapse;
}
.index5 .box table th{
	color: #fff;
	background-color: #016968;
	padding:.05rem .1rem;
	border-top:.03rem solid #016968;
	border-left:.03rem solid #016968;
}
.index5 .box table td{
	border-top:.03rem solid #016968;
	border-left:.03rem solid #016968;
	padding:.05rem .1rem;
}
.index5 .box .prompt{
	font-size: .14rem; 
	color:#a76764;
	margin-top: .15rem; 
}
.index5 .box table.y,
.index5 .box table.y th,
.index5 .box table.y td{
	border-color: #e2aa3d;
}
.index5 .box table.y th{
	background-color: #e2aa3d;
}
.index5 .box .h-img{
	width:1.7rem;
	margin:-.15rem auto .1rem;
}
.index6{
	background: url(../images/bg_index6.jpg) no-repeat center top;
	padding-bottom: .46rem;
}
.index6 .title .t1,
.index6 .title .t2{
	color:#fff;
}
.index6 .title .t1 .icon:before{
	border-top-color:#fff;
}
.index6 .img{
	text-align: center;
}
.index7{
	position: relative;
	padding-bottom: .3rem;
}
.index7 .bg-m{
	width: 2.18rem;  
	height: 3.3rem; 
	position: absolute; 
	left:0;
	top:.2rem;
}

.index7 .box{
	padding:.6rem .35rem .3rem .66rem;
	background-color: #fff;
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
	box-shadow:.05rem .05rem .05rem #ccc;
}
.index7 .box ul{}
.index7 .box ul li .item{
	display:flex;
	align-items:center;
	background-color: #f4f1f8;
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
	margin-top: .2rem;	
}
.index7 .box ul li:first-child  .item{
	margin-top: 0;
}
.index7 .box ul li .num{
	width: .66rem; 
	height: .66rem; 
	line-height:.66rem;
	font-size: .48rem; 
	color: #ffff00;
	text-align: center;
	-webkit-border-radius: .33rem;
	-moz-border-radius: .33rem;
	border-radius: .33rem;
	background-color: #23a581;
	margin-left: -.33rem;
}
.index7 .box ul li dl{
	flex:1;
	margin-left: .2rem; 
	padding:.3rem .2rem .3rem 0;
}
.index7 .box ul li dl dt{
	font-size: .3rem; 
	color: #23a581;
	padding-bottom: .15rem;
	border-bottom:2px dotted #b2b2b2;
}
.index7 .box ul li dl dd{
	font-size: .25rem; 
	color: #303030;
	padding-top: .15rem;
}
.index7 .box .timg{
	width:1.76rem;
	height:.44rem;
	position: absolute; 
	left:50%;
	margin-left: -.88rem;
	top:-.22rem;
}
.index8{
	background: url(../images/bg_index8.jpg) no-repeat center top;
	padding-bottom: .8rem;
}
.index8 .title .t1,
.index8 .title .t2{
	color: #fff;
}
.index8 .title .t1 .icon:before{
	border-top-color: #fff;
}
.index8 ul{
	display:flex;
	flex-wrap:wrap;
	margin:0 -.1rem;
}
.index8 ul li{
	width:33%;
	padding:.1rem .1rem;
}
.index8 ul li .item{
	display: block;	
}
.footer{
	background-color: #000;
	font-size: .28rem;
	text-align: center;
	color: #23a581;
	padding:.3rem 0;
}
